<template>
  <div>
    <div>评论管理</div>
    <div>
      <el-input type="text" v-model="username" placeholder="请输入"></el-input>
    </div>
    <el-table :data="tableData">
      <el-table-column prop="date" label="日期" width="140">
      </el-table-column>
      <el-table-column prop="name" label="姓名" width="120">
      </el-table-column>
      <el-table-column prop="address" label="地址">
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
  //导入组件
  import mContent from '../components/mcontent.vue';
  import headBar from '../components/head-bar.vue';
  import footBar from '../components/foot-bar.vue';

  export default {
    components:{
      mContent,headBar,footBar
    },
    data(){
      const item = {
        date: '2016-05-02',
        name: 'cbl',
        address: '广东省英德市'
      };
      return{
        tableData: Array(15).fill(item),
        username:''
      }
    }
  }
</script>
<style scoped>
  .foot{
    position: fixed;
    bottom:0;
    width:100%;
  }
</style>
